//JavaScript代码区域
layui.config({
   base: '../../layui/dropdown/'
}).use(['element','layer', 'table','form','dropdown'], function(){
  var element = layui.element;
  var layer = layui.layer;
  var $ = layui.$;
  var table = layui.table;
  var form = layui.form;
  var dropdown = layui.dropdown;
	//监听提交
  form.on('submit(formDemo)', function(data){
	table.reload('dataTable', {
	  where: data.field
	});
    return false;
  });
  // 加载一级分类
  loadCategory({
	  url: appServerUrl + "/dev/flatform/app/categorylevellist", 
	  data: {pid:null}, 
	  elementName: 'queryCategoryLevel1'
	  })
  // 监听一级分类change事件
  form.on('select(queryCategoryLevel1)', function(data){
	  if(data.value != '') {
		  loadCategory({
		    url: appServerUrl + "/dev/flatform/app/categorylevellist", 
		    data: {pid:data.value}, 
		    elementName: 'queryCategoryLevel2'
		    });
	  }
	$("[name=queryCategoryLevel2]").html("<option value=''>请选择</option>");
	$("[name=queryCategoryLevel3]").html("<option value=''>请选择</option>");
	form.render('select');
  });
  // 监听二级分类change事件
  form.on('select(queryCategoryLevel2)', function(data){
	  if(data.value != '') {
		loadCategory({
			  url: appServerUrl + "/dev/flatform/app/categorylevellist", 
			  data: {pid:data.value}, 
			  elementName: 'queryCategoryLevel3'
		  });
	  }
	  $("[name=queryCategoryLevel3]").html("<option value=''>请选择</option>");
	  form.render('select');
  });
  
  // 加载状态下拉列表
  $.ajax({
          url: appServerUrl + "/dev/flatform/app/datadictionarylist2",
          type: 'post',
          data: {tcode:'APP_STATUS'},
          dataType: 'json',
          success: function (r) {
              var html = "<option value=''>请选择</option>";
              for(var i=0; i<r.length; i++) {
                  var obj = r[i];
                  html += "<option value='"+obj.valueId+"'>"+obj.valueName+"</option>";
              }
              $("[name=queryStatus]").html(html);
              form.render('select');
          }
  })
  table.render({
      id:"dataTable",//
      elem: '#demo',//指定表格元素
      url: appServerUrl + '/dev/flatform/app/list2',  //请求路径
      cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
      ,skin: 'line ' //表格风格 line （行边框风格）row （列边框风格）nob （无边框风格）
    　,even: true    //隔行换色
      ,page: true  //开启分页
      ,limits: [5,10,15]  //每页条数的选择项，默认：[10,20,30,40,50,60,70,80,90]。
      ,limit: 5 //每页默认显示的数量
      ,method:'post'  //提交方式
    　　,cols: [[
          {type:'checkbox'}, //开启多选框
          {
              field: 'softwareName', //json对应的key
              title: '软件名称',   //列名
			  width: 200,
              sort: true   // 默认为 false,true为开启排序
          },
          {
              field: 'apkName', //json对应的key
              title: 'apk名称',   //列名
              sort: true   // 默认为 false,true为开启排序
          },
          {
              field: 'statusName', //json对应的key
              title: '状态'
          },
		  { field: 'categoryName', width: 200, title: '分类', templet: function(rowData) {
				  return rowData.categoryLevel1Name + '->' + rowData.categoryLevel2Name + '->' + rowData.categoryLevel3Name
			}
		  } 
		  ,{ field: 'supportROM', title: '支持ROM' }
		  ,{ field: 'creationDate', title: '创建时间' }
		  ,{ field: 'interfaceLanguage', title: '界面语言' }
		  ,{ field: 'downloads', title: '下载量' }
		  ,{ field: 'devName', title: '开发者名称' }
		  ,{ field: 'versionNo', title: '最新的版本号' }
		  ,{fixed: 'right', title: '操作', width: 120, toolbar: "#tb"}
      ]]
	  ,done: function(res, curr, count) {
		  tableData1 = res;
		 dropdown.suite();
		 for (var i = 0; i < tableData1.data.length; i++) {
			 dropdown.onFilter("ft" + tableData1.data[i].id, function (event) {
				 let arr = event.split('-')
				 let appId = arr[0]
				 let action = arr[1]
				 layer.msg( "你点击了：" + event + ",id="+appId + ",action=" + action);
			 });
		 }
	  }
      ,response:{
            statusName:'code', //规定返回的状态码字段为code
            statusCode: 200 //规定成功的状态码味200
        }
        ,parseData: function(res){ //res 即为原始返回的数据

            return {
                "code": res.status, //解析接口状态
                "msg": res.msg, //解析提示文本
                "count": res.data.totalCount, //解析数据长度
                "data": res.data.dataList //解析数据列表
            };
        }
  });

  $(".logout").click(function(){
    layer.confirm('确定退出吗？', {
            btn: ['确定', '取消'] //可以无限个按钮
    }, function(index, layero){
      //按钮【按钮一】的回调
      $.getJSON(appServerUrl + '/dev/logout2', function(result) {
          if(result.status == 200) {
            sessionStorage.removeItem('userName');
            location.href = "../devLogin.html";
          } else {
            layer.alert('注销失败')
          }
      });
    }, function(index){
      //按钮【按钮二】的回调
    });
    
  })
  
  function loadCategory(params) {
	  $.ajax({
	          url: params.url,
	          type: 'post',
	          data: params.data,
	          dataType: 'json',
	          success: function (r) {
	              var html = "<option value=''>请选择</option>";
				  if( params.pid != '' ) {
					  for(var i=0; i<r.length; i++) {
					      var obj = r[i];
					      html += "<option value='"+obj.id+"'>"+obj.categoryName+"</option>";
					  }
				  }
	              $("[name="+params.elementName+"]").html(html);
	              form.render('select');
	          }
	  })
  }
});